<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <title>睿信教育</title>
  <link rel="stylesheet" href="../dist/lib/layui/css/layui.css">
  <link rel="stylesheet" href="../dist/lib/swiper/css/swiper.min.css">
  <link rel="stylesheet" href="../dist/css/main.css">
</head>
<body>
<!-- head start -->
<div class="rx-head">
  <div class="rx-content layui-clear">
    <h1 class="logo">
      <a href="./index.html"><img src="../dist/images/rx_logo01.png" width="200" height="40" alt="睿信教育"></a>
    </h1>
    <ul class="rx-head-nav">
      <li class="nav-item"><a href="./index.html">首页</a></li>
      <li class="nav-item"><a href="./enterprise_service.html" class="active">企业服务培训</a></li>
      <li class="nav-item"><a href="./language_service.html">职场语言服务</a></li>
      <li class="nav-item"><a href="./train_system.html">培训管理系统</a></li>
      <li class="nav-item"><a href="./contact.html">关于我们</a></li>
    </ul>
    <div class="rx-head-right">
      <a href="#" class="language-link"><span class="rect"><i></i></span>En</a>
      <!--<a href="#" class="login">登录</a>-->
      <!--<a href="#" class="register">注册</a>-->
    </div>
  </div>
</div>
<!-- head end -->

<!-- banner start-->
<div class="swiper-container class-schedule-ban">
  <div class="swiper-wrapper">
    <div class="swiper-slide swiper-no-swiping" style="background-image: url('../dist/images/total_ban1.jpg')"></div>
    <div class="swiper-slide swiper-no-swiping" style="background-image: url('../dist/images/total_ban2.jpg')"></div>
    <div class="swiper-slide swiper-no-swiping" style="background-image: url('../dist/images/total_ban3.jpg')"></div>
  </div>
  <div class="swiper-pagination"></div>
</div>
<!-- banner end-->

<!-- content start -->
<!-- 课程表 -->
<div id="classSchedule" class="class-schedule-wrap">
  <div class="rx-content">
    <div class="floor-title">
      <div class="title-cn">职场公开课</div>
      <div class="title-en">Workforce Lectures</div>
    </div>
    <div class="class-schedule">
      <div class="cs-header">
        <a href="javascript:;" class="btn prev" title="上个月"></a>
        <span>2019年7月</span>
        <a href="javascript:;" class="btn next" title="下个月"></a>
      </div>
      <div class="cs-body">
        <div class="cs-body-title">
          <table class="layui-table">
            <tr>
              <td class="t-item">周日<span>/ SUN</span></td>
              <td class="t-item">周一<span>/ MON</span></td>
              <td class="t-item">周二<span>/ TUE</span></td>
              <td class="t-item active">周三<span>/ WED</span></td>
              <td class="t-item">周四<span>/ THU</span></td>
              <td class="t-item">周五<span>/ FRI</span></td>
              <td class="t-item">周六<span>/ SAT</span></td>
            </tr>
          </table>
        </div>
        <div class="cs-body-content">
          <div class="cs-body-week">
            <table class="layui-table">
              <tr>
                <td class="cs-body-day not-month">
                  <div class="cs-day-inner">
                    <div class="cs-day-name">01</div>
                  </div>
                </td>
                <td class="cs-body-day"></td>
                <td class="cs-body-day"></td>
                <td class="cs-body-day"></td>
                <td class="cs-body-day"></td>
                <td class="cs-body-day"></td>
                <td class="cs-body-day"></td>
              </tr>
            </table>
          </div>
          <div class="cs-body-week">
            <table class="layui-table">
              <tr>
                <td class="cs-body-day active">
                  <div class="cs-day-inner">
                    <div class="cs-day-name">01</div>
                    <div class="cs-day-box">
                      <div class="cs-day-event">课程名称课程名称课程名称</div>
                    </div>
                  </div>
                </td>
                <td class="cs-body-day">
                  <div class="cs-day-inner">
                    <div class="cs-day-name">02</div>
                    <div class="cs-day-box">
                      <div class="cs-event-more">更多</div>
                      <div class="cs-day-event">课程名称课程名称课程名称</div>
                    </div>
                    <div class="cs-day-popover">
                      <div class="popover-date">2019-01-29</div>
                      <ul class="popover-list">
                        <li class="list-item">
                          <span>13 : 00</span>
                          <p>经营管理驱营管营管理动经营管理驱营管营管理动</p>
                        </li>
                        <li class="list-item">
                          <span>13 : 00</span>
                          <p>经营管理驱营管营管理动</p>
                        </li>
                        <li class="list-item">
                          <span>13 : 00</span>
                          <p>经营管理驱营管营管理动</p>
                        </li>
                        <li class="list-item">
                          <span>13 : 00</span>
                          <p>经营管理驱营管营管理动</p>
                        </li>
                        <li class="list-item">
                          <span>13 : 00</span>
                          <p>经营管理驱营管营管理动</p>
                        </li>
                        <li class="list-item">
                          <span>13 : 00</span>
                          <p>经营管理驱营管营管理动</p>
                        </li>
                      </ul>
                    </div>
                  </div>
                </td>
                <td class="cs-body-day">
                  <div class="cs-day-inner">
                    <div class="cs-day-name">03</div>
                    <div class="cs-day-box">
                      <div class="cs-day-event">课程名称课程名称课程名称</div>
                    </div>
                  </div>
                </td>
                <td class="cs-body-day"></td>
                <td class="cs-body-day"></td>
                <td class="cs-body-day"></td>
                <td class="cs-body-day"></td>
              </tr>
            </table>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<!-- 职场公开课 -->
<div class="index-floor4">
  <div class="rx-content">
    <div class="floor-wrap">
      <ul class="floor-list layui-clear">
        <li class="list-item before">
          <a href="#" target="_blank" class="item-link">
            <div class="img-show img1"></div>
          </a>
        </li>
        <li class="list-item">
          <a href="#" target="_blank" class="item-link">
            <div class="img-show img2"></div>
          </a>
        </li>
        <li class="list-item">
          <a href="#" target="_blank" class="item-link">
            <div class="img-show img3"></div>
          </a>
        </li>
        <li class="list-item">
          <a href="#" target="_blank" class="item-link">
            <div class="img-show img4"></div>
          </a>
        </li>
      </ul>
      <!-- 小动画 -->
      <span class="floor-rect"></span>
      <div class="floor-op">
        <a href="lectures.html" target="_blank" class="btn-link"><span class="link-text">More</span></a>
      </div>
    </div>
  </div>
</div>
<!-- 合作认证 -->
<div class="index-floor2">
  <div class="rx-content">
    <div class="floor-title">
      <div class="title-cn">合作认证</div>
      <div class="title-en">Cooperate Certification</div>
    </div>
    <div class="floor-wrap">
      <ul class="floor-list layui-clear">
        <li class="list-item">
          <a href="#" target="_blank" class="item-link layui-clear">
            <span class="title">1 . AWS解决方案架构师</span>
            <span class="more">more</span>
          </a>
        </li>
        <li class="list-item">
          <a href="#" target="_blank" class="item-link layui-clear">
            <span class="title">3 . 上海电气工业自动化</span>
            <span class="more">more</span>
          </a>
        </li>
        <li class="list-item">
          <a href="#" target="_blank" class="item-link layui-clear">
            <span class="title">2 . 中科院物联网工程师</span>
            <span class="more">more</span>
          </a>
        </li>
        <li class="list-item">
          <a href="#" target="_blank" class="item-link layui-clear">
            <span class="title">4 . ISODC组织发展</span>
            <span class="more">more</span>
          </a>
        </li>
      </ul>
    </div>
  </div>
</div>
<!-- 语言服务 -->
<div class="index-floor3">
  <div class="rx-content">
    <div class="floor-title">
      <div class="title-cn">语言服务</div>
      <div class="title-en">Language Services</div>
    </div>
    <div class="floor-wrap layui-clear">
      <div class="fw-l">
        <img src="../dist/img/index_ls_pic01.jpg" alt="">
      </div>
      <div class="fw-r">
        <ul class="fwr-list">
          <li class="list-item active">
            <a href="http://www.wowtalk.com" target="_blank" class="item-link">
              <div class="item-name">线上线下外教</div>
              <div class="item-tips">了解更多</div>
            </a>
          </li>
          <li class="list-item">
            <a href="http://www.wowtalk.com" target="_blank" class="item-link">
              <div class="item-name">外语评测定制</div>
              <div class="item-tips">了解更多</div>
            </a>
          </li>
          <li class="list-item">
            <a href="http://www.wowtalk.com" target="_blank" class="item-link">
              <div class="item-name">学习方案定制</div>
              <div class="item-tips">了解更多</div>
            </a>
          </li>
          <li class="list-item">
            <a href="http://www.wowtalk.com" target="_blank" class="item-link">
              <div class="item-name">商务文书服务</div>
              <div class="item-tips">了解更多</div>
            </a>
          </li>
          <li class="list-item last">
            <a href="http://www.wowtalk.com" target="_blank" class="item-link">
              <div class="item-name">高端会议口译</div>
              <div class="item-tips">了解更多</div>
            </a>
          </li>
        </ul>
      </div>
    </div>
  </div>
</div>
<!-- 企业内训 -->
<div class="index-floor1">
  <div class="rx-content">
    <div class="floor-title">
      <div class="title-cn">企业内训</div>
      <div class="title-en">Enterprise Training</div>
    </div>
    <div class="floor-wrap">
      <ul class="floor-list layui-clear">
        <li class="list-item">
          <div class="item-title">卓越管理</div>
          <div class="item-con">
            <p>21门版权课程</p>
            <p>整合前沿资源</p>
            <p>深耕职场70年</p>
          </div>
          <div class="button_su">
            <span class="button_su_circle"></span>
            <a href="training/article1.html" target="_blank" class="button_su_inner">更多</a>
          </div>
        </li>
        <li class="list-item">
          <div class="item-title">关键岗位</div>
          <div class="item-con">
            <p>对标全球500强</p>
            <p>跨界人才培养</p>
            <p>权威人才管理</p>
          </div>
          <div class="button_su">
            <span class="button_su_circle"></span>
            <a href="training/article2.html" target="_blank" class="button_su_inner">更多</a>
          </div>
        </li>
        <li class="list-item">
          <div class="item-title">个人效能</div>
          <div class="item-con">
            <p>职涯精力管理</p>
            <p>职场幸福度</p>
            <p>敏捷决策思维</p>
          </div>
          <div class="button_su">
            <span class="button_su_circle"></span>
            <a href="training/article3.html" target="_blank" class="button_su_inner">更多</a>
          </div>
        </li>
        <li class="list-item">
          <div class="item-title">国际化人才</div>
          <div class="item-con">
            <p>服务80个国家和地区</p>
            <p>3100家分支机构</p>
            <p>全球4000，000+企业客户</p>
          </div>
          <div class="button_su">
            <span class="button_su_circle"></span>
            <a href="training/article4.html" target="_blank" class="button_su_inner">更多</a>
          </div>
        </li>
      </ul>
    </div>
  </div>
</div>
<!-- 企业参访 -->
<div class="index-floor5">
  <div class="rx-content">
    <div class="floor-title">
      <div class="title-cn">企业参访</div>
      <div class="title-en">Enterprise Visit</div>
    </div>
    <div class="floor-wrap">
      <ul class="floor-list layui-clear">
        <li class="list-item">
          <a href="#" target="_blank" class="item-link">
            <div class="circle-box">
              <span class="cb-l"></span>
              <span class="cb-r"></span>
            </div>
            <span class="wz">大数据管理</span>
          </a>
        </li>
        <li class="list-item">
          <a href="#" target="_blank" class="item-link">
            <div class="circle-box">
              <span class="cb-l"></span>
              <span class="cb-r"></span>
            </div>
            <span class="wz">物联网运营</span>
          </a>
        </li>
        <li class="list-item">
          <a href="#" target="_blank" class="item-link">
            <div class="circle-box">
              <span class="cb-l"></span>
              <span class="cb-r"></span>
            </div>
            <span class="wz">机器人应用</span>
          </a>
        </li>
        <li class="list-item">
          <a href="#" target="_blank" class="item-link">
            <div class="circle-box">
              <span class="cb-l"></span>
              <span class="cb-r"></span>
            </div>
            <span class="wz">产业园实践</span>
          </a>
        </li>
      </ul>
      <div class="floor-op">
        <a href="#" target="_blank" class="btn-link"><span class="link-text">More</span></a>
      </div>
    </div>
  </div>
</div>
<!-- 合作伙伴 -->
<div class="index-floor6">
  <div class="rx-content">
    <div class="floor-title">
      <div class="title-cn">合作伙伴</div>
      <div class="title-en">Business Partners</div>
    </div>
    <div class="img-list">
      <div class="list-item">
        <img src="../dist/img/index_qy01.jpg" alt="">
      </div>
      <div class="list-item">
        <img src="../dist/img/index_qy02.jpg" alt="">
      </div>
      <div class="list-item">
        <img src="../dist/img/index_qy03.jpg" alt="">
      </div>
      <div class="list-item">
        <img src="../dist/img/index_qy04.jpg" alt="">
      </div>
      <div class="list-item">
        <img src="../dist/img/index_qy05.jpg" alt="">
      </div>
    </div>
  </div>
</div>

<div class="rx-total-contact set-bg">
  <div class="rx-content layui-clear">
    <div class="contact-info">
      <div class="w1">问题？还是准备好开始了？</div>
      <div class="w2">让您连接到我们的客户服务团队</div>
    </div>
    <div class="contact-table">
      <form class="layui-form">
        <div class="layui-form-item">
          <div class="layui-input-inline">
            <input type="text" name="name" required lay-verify="required" placeholder="姓名" autocomplete="off" lay-verType="tips" class="layui-input">
          </div>
          <div class="layui-input-inline">
            <input type="text" name="email" required lay-verify="required|email" placeholder="邮箱" autocomplete="off" lay-verType="tips" class="layui-input">
          </div>
        </div>
        <div class="layui-form-item">
          <div class="layui-input-inline">
            <input type="text" name="company" required lay-verify="required" placeholder="公司" autocomplete="off" lay-verType="tips" class="layui-input">
          </div>
          <div class="layui-input-inline">
            <input type="text" name="phone" required lay-verify="required|phone" placeholder="电话" autocomplete="off" lay-verType="tips" class="layui-input">
          </div>
        </div>
        <div class="layui-form-item">
          <div class="layui-input-inline" style="width: 610px">
            <textarea name="detail" placeholder="How can we help you?" class="layui-textarea"></textarea>
          </div>
          <span class="tips">此项选填</span>
        </div>
        <div class="layui-form-item">
          <div class="layui-input-inline">
            <button class="layui-btn layui-btn-normal layui-btn-radius btn-submit" lay-submit lay-filter="contact_form">提交</button>
          </div>
        </div>
      </form>
    </div>
  </div>
</div>
<!-- content end -->

<!-- footer start-->
<div class="rx-footer">
  <div class="rx-footer-head">
    <div class="rx-content">
      <ul class="rx-footer-nav">
        <li><a id="address" href="./contact.html">关于我们</a></li>
        <li><a href="./contact.html#address">联系我们</a></li>
        <li class="ewm-box">
          <img src="../dist/images/ewm.png" width="160" height="196" class="ewm" alt="二维码">
          <a href="javascript:;">服务号</a>
        </li>
      </ul>
      <div class="contact">课程咨询电话 : &nbsp;&nbsp;400-991-0805 <span style="font-size: 12px">（08：00-24:00）</span><em></em> 24小时技术支持 : &nbsp;&nbsp;400-998-7985</div>
    </div>
  </div>
  <div class="rx-copyright">万宝盛华集团（中国）版权所有 © 2016 ManpowerGroup China All Rights Reserved · 沪ICP备11014829号-11</div>
</div>
<!-- footer end-->
<script src="../dist/lib/jquery.min.js"></script>
<script src="../dist/lib/layui/layui.js"></script>
<script src="../dist/lib/swiper/js/swiper.min.js"></script>
<script src="../dist/lib/scrollreveal.min.js"></script>
<script src="../dist/lib/vue.min.js"></script>
<script src="../dist/js/main.js"></script>
<script src="../dist/js/question-form.js"></script>
<script>
(function () {
  var classSchedule = new Vue({
    el: '#classSchedule',
    data: function () {
      return {
        courses: []
      }
    },
    mounted: function () {
      this.getCourseList();
    },
    methods: {
      getCourseList: function () {
        $.ajax({
          url: '../dist/data/course.json',
          dataType: 'json',
          type: 'get',
          data:'',
          success: function (response) {
            console.log(response);
            if (response.code === 1) {
              this.courses = [];
              if (Array.isArray(response.data.courseList)) {
                this.courses = response.data.courseList;
              }
            }
          },
          error: function () {
          }
        })
      }
    }
  })
})();
</script>
<script>
  //轮播图
  var classScheduleBan = new Swiper ('.class-schedule-ban', {
    loop: true,
    speed: 1000,
    autoplay: {
      delay: 8000,
      disableOnInteraction: false,
    },
    noSwiping : true,
    effect : 'fade',
    pagination: {
      el: '.swiper-pagination',
      clickable :true,
    }
  });
  //语言服务
  $('.index-floor3 .list-item').hover(function () {
    $(this).addClass('active');
    $(this).siblings().removeClass('active');
  }, function () {
    $(this).removeClass('active');
    $('.index-floor3 .list-item').eq(0).addClass('active');
  })
  //职场公开课
  $('.index-floor4 .list-item').hover(function () {
    $(this).removeClass("after");
    $(this).addClass("before");
    $(this).siblings().removeClass('before').addClass('after');
  }, function () {
    $(this).removeClass("before");
    $(this).addClass("after");
    $('.index-floor4 .list-item').eq(0).removeClass('after').addClass('before');
  });
  //企业参访
  $('.index-floor5 .list-item').hover(function () {
    $(this).removeClass("desplode");
    $(this).addClass("explode");
  }, function () {
    $(this).removeClass("explode");
    $(this).addClass("desplode");
  });
  //按钮特效
  $( ".button_su_inner" ).hover(function (e) {
    var parentOffset = $(this).offset();
    var relX = e.pageX - parentOffset.left;
    var relY = e.pageY - parentOffset.top;
    $(this).prev(".button_su_circle").css({"left": relX, "top": relY });
    $(this).prev(".button_su_circle").removeClass("desplode-circle");
    $(this).prev(".button_su_circle").addClass("explode-circle");
  }, function (e) {
    var parentOffset = $(this).offset();
    var relX = e.pageX - parentOffset.left;
    var relY = e.pageY - parentOffset.top;
    $(this).prev(".button_su_circle").css({"left": relX, "top": relY });
    $(this).prev(".button_su_circle").removeClass("explode-circle");
    $(this).prev(".button_su_circle").addClass("desplode-circle");
  });
  //创建scrollReveal对象
  window.sr = ScrollReveal();
  sr.reveal('.index-floor1 .floor-title, .index-floor2 .floor-title, .index-floor3 .floor-title, .index-floor4 .floor-title, .index-floor5 .floor-title, .index-floor6 .floor-title', {
    duration: 1000,
    origin: 'top',
    distance: '40px',
    scale: 1
  });
  sr.reveal('.index-floor1 .floor-wrap, .index-floor2 .floor-wrap, .index-floor3 .floor-wrap, .index-floor4 .floor-wrap, .index-floor5 .floor-wrap, .index-floor6 .img-list', {
    duration: 1000,
    delay: 200,
    origin: 'bottom',
    distance: '40px',
    scale: 1
  });
  sr.reveal('.es-ban', {
    duration: 1000,
    distance: 0,
    opacity: 1,
    scale: 1,
    viewFactor: 0,
    beforeReveal: function (domEl) {
      $(domEl).addClass('active')
    }
  });
</script>
</body>
</html>